import {ScrollView, View, Text, Image} from '@tarojs/components';
import React, {Component} from 'react';
import Taro, {getCurrentInstance} from '@tarojs/taro';
import {connect} from 'react-redux';
import './index.less';
import * as T from './types';
import actions from './actions';
import {store2Props} from './selectors';

actions().actions.loadReducer();
// @ts-ignore
@connect<Partial<T.IProps>, any>(store2Props, actions)
export default class Index extends Component<Partial<T.IProps>, any> {
  constructor(props) {
    super(props);
    this.state = {};
  }

  componentDidMount() {}

  componentDidShow() {}

  componentWillUnmount() {
    this.props.actions.clean();
  }

  render() {
    return (
      <ScrollView className="packageDCityLimits" scrollY>
        <View className="f32 center bold mb15">以下城市已全区覆盖</View>
        <View className="f28 center bold mb30">北京市、天津市、上海市、重庆市</View>
        <View className="f28 bold mb15">安徽省</View>
        <View className="f28 mb30">
          合肥市、芜湖市、蚌埠市、淮南市、马鞍山市、淮北市、铜陵市、安庆市、黄山市、滁州市、阜阳市、宿州市、六安市、毫州市、池州市、宣城市
        </View>
        <View className="f28 bold mb15">浙江省</View>
        <View className="f28 mb30">
          杭州市、宁波市、金华市、温州市、衢州市、绍兴市台州市、湖州市、舟山市、丽水市、嘉兴市
        </View>
        <View className="f28 bold mb15">江苏省</View>
        <View className="f28 mb30">
          南京市、无锡市、徐州市、常州市、苏州市、南通市 ，连云港市、淮安市、盐城市、扬州市、镇江市、泰州市、宿迁市
        </View>
        <View className="f28 bold mb15">广东省</View>
        <View className="f28 mb30">
          广州市、韶关市、深圳市、珠海市、汕头市、佛山市江门市、湛江市、茂名市、肇庆市、惠州市、梅州市、汕尾市、河源市、阳江市、清远市、东莞市、中山市、潮州市、揭阳市、云浮市
        </View>
        <View className="f28 bold mb15">福建省</View>
        <View className="f28 mb30">福州市、厦门市、弟田市、三阳市、泉州市、漳州市</View>
      </ScrollView>
    );
  }
}
